<!--  -->
<template>
	<view>
		<view class="om-bottomline tui-flex align-center justify-center bg-gray padding-top">
			<text class="text-gray padding-left padding-right text-bold text-sm">{{title}}</text>
		</view>
		<view class="om-bottomline tui-flex align-center justify-center bg-gray padding-bottom">
			<label class="om-bottomline-line"></label>
			<text class="text-gray padding-left padding-right text-sm">{{content}}</text>
			<label class="om-bottomline-line"></label>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String,
				default:""
			},
			content:{
				type:String,
				default:""
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.om-bottomline{
	margin: 0;
	height: 100%;
	/* color: #d9d9d9; */
	transform-origin: 0 100%;
	transform: scaleY(1);
}
.om-bottomline-line{
  background: black;
  width: 40px;
  height: 1px;
  transform-origin: 0 100%;
  transform: scaleY(0.1);
}
</style>
